/**
 * Created by BobyCo on 2017/11/24 0024.
 */
$(function () {
    var isBack = sessionStorage.getItem('isBack') || 0, // 是否为编辑产品介绍返回
        $form = $('form'), // 表单组件
        $btnConfirm = $('.btn_confirm'), //确定按钮
        $descEdit = $('.desc-edit'), // 产品介绍区域
        $firstImg = $('.first-img .weui-cell__ft'), // 点击触发首图上传的区域
        $detailImg = $('.detail-img .weui-cell__ft'), // 点击触发详情图上传的区域
        $firstImgUploader = $('#firstImg'), // 首图上传组件
        $detailImgUploader = $('#detailImg'); // 详情图上传组件

    if (isBack == 1) {
        sessionStorage.removeItem('isBack');
        var newProduct = getJSONItem('newProduct') || {};
        $('#name').val(newProduct.name);
        $('#norm').val(newProduct.norm);
        $('#category').val(newProduct.category);
        $('#price').val(newProduct.price);
        $('#desc').val(newProduct.desc);
    }

    //点击跳转到填写产品介绍页面
    $descEdit.click(function (e) {
        setJSONItem('newProduct', getFormData());
        window.location.href = getRealPath() + "/supplier/productdesc.html";
    });

    $firstImg.click(function () {
        $firstImgUploader.trigger("click").trigger("click"); //微信中必须触发两次点击
    });
    // 首图本地预览 (部分浏览器不兼容，最好是上传到服务器，重新获取地址)
    $firstImgUploader.change(function () {
        var $img = $("<img>");
        $firstImg.html($img);
        loadImg($(this), $img);
        // 需上传到服务器
    });

    $detailImg.click(function () {
        $detailImgUploader.trigger("click").trigger("click");
    });
    // 详情图本地预览 (部分浏览器不兼容，最好是上传到服务器，重新获取地址)
    $detailImgUploader.change(function () {
        var $img = $("<img>");
        $detailImg.html($img);
        loadImg($(this), $img);
        // 需上传到服务器
    });

    $btnConfirm.click(function () {
        $form.trigger('submit');
    });

    $form.submit(function (e) {
        e.preventDefault();

        console.log(getFormData());
    });


    function getFormData() {
        return {
            'name': $('#name').val(),
            'norm': $('#norm').val(),
            'category': $('#category').val(),
            'price': $('#price').val(),
            'firstImg': $firstImgUploader[0].files[0] || '',
            'detailImg': $detailImgUploader[0].files[0] || '',
            'desc': $('#desc').val(),
            'firstImgSrc': $firstImg.find('img').attr('src'),
            'detailImgSrc': $detailImg.find('img').attr('src')
        };
    }
});